// 使用commonjs的模块化规范
const {add, mu1} = require('./js/mathUtils.js')
console.log(add(20, 30))
console.log(mu1(20, 30))

// 使用ES6的模块化规范
import {name, age, heigth} from './js/info.js'
console.log(name)
console.log(age)
console.log(heigth)

// 引用css文件
require('./css/normal.css')

// 引用less文件
require('./css/special.less')

document.writeln('<h2>养天地正气,法古今完人</h2>')

// 使用Vue进行开发 npm install vue --save (在实际项目中也会使用vue的,所以并不是开发时依赖)
// 引用Vue
import Vue from 'vue'

// import App from './vue/app'
import App from './vue/App.vue'

const app = new Vue({
    el: '#app',
    // 如果Vue实例中同时指定了template,那么template模板的内容会替换掉挂载的对应el的模板
    // 这样做之后就不需要在以后的开发中再次操作index.html,只需要在template中写入对应的标签即可
    template: '<App/>',
    components: {
        App
    }
})

// document.writeln('<button>按钮</button>')